<style type="text/css" media="all">
    .content{
    	padding:54px 10px 10px 10px!important;
    }
	.triangle{
		float: right;
		margin-right: 10px;
		position: relative;
		top:2px;
		color:#2D57FF;
	}
    .userInfoContent{
	    margin-top: 10px;
	    margin-bottom: 10px;
	    border:1px solid silver;
	   	border-style：-moz-border-radius: 11px;-khtml-border-radius: 11px;-webkit-border-radius: 11px;border-radius: 11px;
	    background-color: white;
   }
   .userInfo{
   	    padding:15px 10px;
        border-bottom: 1px solid silver;
   }
   .userInfoLast{
   	    padding:15px 10px;
   }
   .column{
   	    color:#666666;
   }
   .userpic{
   	    float:left;
   	    width: 50px;
   	    height: 50px;
   }
   .userNameContent{
   	    position: absolute;
   	    left:60px;
   	    bottom: 0;
   }
   .editUserpic{
   	    position:absolute;
   	    right:0;
   	    bottom:0;
   	    padding:5px 5px;
        border-style：-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;
        background-color: #8FB7F8;
        color:black;
   }
   .genderMale{
   	    color:#ABC9FA;
   }
   .genderFemale{
   	    color:#FF99CC;
   }
</style>

<script id="userInfoTemplate" type="text/x-jquery-tmpl">
	
<div class="userHead">
		<img src="<%=portrait%>" onerror="javascript:this.src='../base/img/widget_dface.ing';" class="userpic"/>
		<div class="userNameContent">
		   <span class="username"><%=name%></span></br>
		   <%
			   var genderClass = "icon-male genderMale";
			   if(gender === 2){
                   genderClass = "icon-female genderFemale";
			   }%>
		   <span class="<%=genderClass%>"></span>
		</div>
		<div class="editUserpic h6">编辑头像</div>
		<div style="clear:both"></div>
	</div>	

	<div class="userInfoContent">
	    <div class="userInfo" id="favorite">
	    	<span class="column h5" id="softTypeName"><strong>收藏:</strong></span><%=favoriteCount%>
            <span class="icon-chevron-right triangle"></span>
	    </div>
	    <div class="userInfo" id="attention" data-attentionNum="<%=followersCount%>" data-fansNum="<%=fansCount%>">
	    	<span class="column h5" id="softTypeName"><strong>关注:</strong></span><%=followersCount%>
            <span class="icon-chevron-right triangle"></span>
	    </div>
	    <div class="userInfoLast" id="fans" data-attentionNum="<%=followersCount%>" data-fansNum="<%=fansCount%>">
	    	<span class="column h5" id="softTypeName"><strong>粉丝:</strong></span><%=fansCount%>
            <span class="icon-chevron-right triangle"></span>
	    </div>
	</div>

	<div class="userInfoContent">
		<div class="userInfo">
	    	<span class="column h5" id="softTypeName"><strong>加入时间:</strong></span><%=joinTime%>
	    </div>
	    <div class="userInfo">
	    	<span class="column h5" id="softTypeName"><strong>所在地区:</strong></span><%=province%> <%=city%>
	    </div>
	    <div class="userInfo">
	        <%
                var newPlatforms = "";
                if(platforms.length === 0){
                    newPlatforms = "<无>";
                } 
                else{
                	_.each(platforms,function(item){
                		newPlatforms = newPlatforms + item + ","
                	});
                	newPlatforms = newPlatforms.substring(0,newPlatforms.length-1);
                }
	        %>
	    	<span class="column h5" id="softTypeName"><strong>开发平台:</strong></span><%=newPlatforms%>
	    </div>	
	    <div class="userInfoLast">
	         <%
                var newExpertise = "";
                if(expertise.length === 0){
                    newExpertise = "<无>";
                } 
                else{
                	_.each(expertise,function(item){
                		newExpertise = newExpertise + item + ","
                	});
                	newExpertise = newExpertise.substring(0,newExpertise.length-1);
                }
	        %>
	    	<span class="column h5" id="softTypeName"><strong>专长领域:</strong></span><%=newExpertise%>
	    </div>			
	</div>


</script>

<!-- header -->
<header class="bar-title">
	<div class="left-banner">
		<span class="backBtn icon-reply imgsize"></span>
	</div>
	<h1 class="title">我的资料</h1>
	<div class="right-banner">
		<span class="refreshBtn icon-repeat imgsize"></span>
	</div>
</header>

<!-- uncomment this if you want a sencondary-bars

<nav class="bar-standard bar-header-secondary"></nav>
-->
<!-- content -->

<div class="content">

	


</div>




